<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="contextPath" value="${pageContext.request.contextPath}"/>
  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
	<link rel="stylesheet" type="text/css" href="${contextPath}/styles/styles.css" />
	<title>Design Webshop Maria Freudenreich</title>
</head>

<body>
	<center>
		<jsp:include page="./pageLayout/header.jsp" />
		<div class="body" style="background-image: url(${contextPath}/images/bodyBackground.png);">
			<div class="sidebar">
				<div class="button"><a href="./index.html">Home</a></div>
				<div class="button"><a href="./flows/registration.html">Login</a></div>
				<div class="button"><a href="./flows/order.html">Warenkorb</a></div>
			</div>
			<div class=innerBody>
				<div class="articleImageLarge">
						<c:if test="${article.imageSmallPath == null}">
							<img width="200" alt="Kein Bild" src="${contextPath}/images/noPicture.png">
						</c:if>
						<c:if test="${article.imageSmallPath ne ''}">
							<img width="200" alt="${article.title}" src="${contextPath}${article.imageSmallPath}">
						</c:if>
				</div>
				<div class="articleDetails">
							<table>
								<tr>
									<td>${article.title}</td>
								</tr>
								<tr>
									<td>${article.description}</td>
								</tr>
								<tr>
									<td>Ma&szlig;e: ${article.height} x ${article.length} x ${article.depth}</td>
								</tr>
								<tr>
									<td>Preis: ${article.price} Euro inkl. ${article.tax}% MwSt.</td>
								</tr>
						</table>
					<br/>
					<div class="button" style="width: 190px; vertical-align: top; cursor: pointer;" onclick="location.href='${contextPath}/flows/addItemToShoppingCart.html?articleID=${article.articleID}'"><img width="25" height="25" src="${contextPath}/images/shoppingCartIcon.gif">In den Warenkorb</div>
				</div>
			</div>
		</div>
	</center>
</body>
</html>